<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .heart {
      position: relative;
      width: 100px;
      height: 90px;
    }
    .heart::before, .heart::after {
      position: absolute;
      content: "";
      top: 40px;
      width: 52px;
      height: 80px;
      border-radius: 50px 50px 0 0;
      background: red;
    }
    .heart::before {
      left: 50px;
      transform: rotate(-45deg);
      transform-origin: 0 100%;
    }
    .heart::after {
      left: 0;
      transform: rotate(45deg);
      transform-origin: 100% 100%;
    }
    @keyframes beat {
      0% { transform: scale(1); }
      50% { transform: scale(1.1); }
      100% { transform: scale(1); }
    }
    .heart {
      animation: beat 1s infinite;
    }
  </style>
</head>
<body>

<div class="heart"></div>
</body>
</html>